<extend name="_Layout/maintwo"/>
<block name="style">
    <style>
        .lbw_btn_margin {
            margin-top: 3% !important;
        }

        .lbw_btn_a_margin {
            height: 85px !important;
        }

        a {
            text-decoration: none !important;
        }

        .lbw_btn_color_one {
            color: #FFF;
            font-weight: bold;
            background-color: #44CDAF;
        }

        .lbw_btn_color_two {
            color: #FFF;
            font-weight: bold;
            background-color: #2646A1;
        }

        .lbw_btn_p_ {
            font-size: 8px;
            color: #FFF;
            margin-left: 12px;
        }

        .lbw_header_bz {
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #44CDAF !important;
        }

        .lbw_header_bztwo {
            color: #FFF !important;
            font-weight: bold !important;
            background-color: #2646A1 !important;
        }

        .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
            color: #FFF;
            background-color: #F19307;
            border-color: #F19307;
        }
        .lbw_plist_mx{
            margin-top: 20px;
        }

        .lbw_plist_li{
            background-color: #FFF;
            border-left: none !important;
            border-right: none !important;
            color: #656565;
            border-radius: 0px !important;
            font-weight: bold;
        }
        .lbw_pdlist_sjx {
            width: 50px;
            position: relative;
            top: -6px;
            right: -10px;
        }
        .lbw_table_tr{
            background-color: #FEFF00;
            color: #000;
        }
    </style>
</block>
<block name="main">
    <div class="row lbw_plist_mx">
        <div class="col-md-12">
            <div class="panel panel-default">

                <!-- Default panel contents -->
                <div class="panel-heading lbw_header_bztwo">靜態收益列表</div>
                <div class="table-responsive" style="padding: 15px;">
                    <div class="col-md-4" id="g1"></div>
                    <div class="col-md-4" id="g2"></div>
                    <div class="col-md-4" id="g3"></div>
                </div>
            </div>
            <div class="panel panel-default">

                <!-- Default panel contents -->
                <div class="panel-heading lbw_header_bztwo">靜態收益列表</div>
                <div class="table-responsive" style="padding: 15px;">
                    <table class="table table-bordered" style="border: 1px solid #DDD;">
                        <thead>
                        <tr class="lbw_table_tr">
                            <th>單號</th>
                            <th>日期</th>
                            <th>預計發放時間</th>
                            <th>金額</th>
                            <th>回報總額</th>
                            <th>當天回報</th>
                            <th>天數</th>
                            <th>狀態</th>
                        </tr>
                        </thead>

                        <tbody>
                        <tr>
                            <volist name="datalist" id="jt" empty="暫時沒有數據">
                                <td>{$jt.dk_sf_jydh}</td>
                                <td>{$jt.lixi_time}</td>
                                <td>{$jt.yuji_time}</td>
                                <td>{$jt.dk_money_total}</td>
                                <td>{$jt.lixi_money}</td>
                                <td></td>
                                <td>{$jt.lixi_total_day}</td>
                                <td><if condition="$jt.sf_jy_status eq 3">交易糾紛暫不發放<else />發放中</if></td>
                            </volist>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="__HOME_JS__/raphaeljs.js"></script>
    <script type="text/javascript" src="__HOME_JS__/justgaga.js"></script>
    <script>
        window.onload = function(){
            var g1 = new JustGage({
                        id: "g1",
                        value: {$user_pda}+0,
                    min: 0,
                    max: 30,
                    title: "獲得利息天數",
                    label: "天"
        });

            var g2 = new JustGage({
                id: "g2",
                value:{$user_jtmoney},
                min: 0,
                max: {$user_jtmoney}+1500,
                title: "靜態錢包余額",
                label: "元"
            });

            var g3 = new JustGage({
                id: "g3",
                value:{$user_djjt_ye},
                min: 0,
                max:{$user_djjt_ye} +1500,
                title: "靜態錢包凍結余額",
                label: "元"
            });


            setInterval(function() {
                g1.refresh({$user_pda});
                g2.refresh({$user_jtmoney});
                g3.refresh({$user_djjt_ye});
            }, 2500);
        };

    </script>

</block>